@media (max-width: 500px) {
    body {
        margin: 0;
    }
    article {
        width: auto;
        height: auto;
    }
    .bio img {
        position: absolute;
        top: 0;
        right: 0;
        height: 60px;
    }
    .skills .wrapper {
        flex-direction: column;
    }
    .skills {
        width: auto;
    }
    .jobs header {
        flex-direction: column;
    }

    .jobs  header h3{
        padding-top:.2em;
    }
    .jobs>ol>li>ul>li,.jobs>ol h4,.jobs>ol span {
        margin: 0.5em 1em;;
    }
}